<div>
	<yu-panel title="我的办结">
		<el-tabs value="first" type="card" @tab-click="tabClick">
			<el-tab-pane label="流程操作" name="first">
				<el-collapse v-model="collapseValue">
					<el-collapse-item title="业务信息" name="1">
						<div id="nwfbiztypePage">
						</div>
					</el-collapse-item>
					<el-collapse-item title="流程信息" name="3">
						<el-form label-width="160px" :model="instanceIdInfo" :disabled="collapse2FormDisable">
							<el-form-item label="流程实例号">
								<el-input v-model="instanceIdInfo.instanceId" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
							<el-form-item label="流程编号">
								<el-input v-model="instanceIdInfo.flowId" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
							<el-form-item label="流程名称">
								<el-input v-model="instanceIdInfo.flowName" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
							<el-form-item label="流程发起人">
								<el-input v-model="instanceIdInfo.flowStarterName" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
							<el-form-item label="客户编号">
								<el-input v-model="instanceIdInfo.bizUserId" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
							<el-form-item label="客户名称">
								<el-input v-model="instanceIdInfo.bizUserName" :disabled="collapse2FormDisable"></el-input>
							</el-form-item>
						</el-form>
					</el-collapse-item>
					<el-collapse-item title="处理选项" name="4">
						<el-form ref="commentForm" label-width="160px" :model="commentInfo" :rules="commentRules">
							<el-form-item label="主键" v-show="isShow == 0">
								<el-input v-model="commentInfo.commentId" :disabled="true"></el-input>
							</el-form-item>
							<el-form-item label="意见" prop="userComment" v-show="isShow == 0">
								<el-input type="textarea" v-model="commentInfo.userComment" :disabled="button.signIn==1"></el-input>
							</el-form-item>
							<el-form-item v-show="isShow == 0">
								<el-button @click="cancel">返回</el-button>
								<el-button type="primary" @click="submitFn('O-0')" :disabled="(button.tackBack==0)" v-if="button.recall == '0'">拿回</el-button>
								<el-button type="primary" @click="submitFn('O-15')" :disabled="(button.recall==0)" v-if="button.recall == '1'">撤回</el-button>
								<el-button type="primary" @click="submitFn('O-5')" :disabled="(button.urged==0)">催办</el-button>
								<el-button type="primary" @click="submitFn('O-3')" :disabled="(button.hungUp==0)" v-if="instanceIdInfo.flowState == 'R'">挂起</el-button>
								<el-button type="primary" @click="submitFn('O-4')" :disabled="(button.hungUp==0)" v-if="instanceIdInfo.flowState == 'H'">唤醒</el-button>
								<el-button type="primary" @click="activateFn" :disabled="(button.activate==0)" v-show="button.activate == '1'">激活</el-button>
							</el-form-item>
							<el-form-item v-show="isShow == 1">
								<el-button @click="cancel">返回</el-button>
							</el-form-item>
						</el-form>
					</el-collapse-item>
				</el-collapse>
			</el-tab-pane>
			<el-tab-pane label="审批历史" name="second">
				<div style="height: 20px;" align="center">{{commentinfo}}</div>
				<el-collapse accordion>
					<el-collapse-item v-for="(node,index) in nodeHistory" :title="node.startTime+'  '+node.nodeName" :key="index" :name="index">
						<el-card class="box-card">
							<yu-xform ref="refFormDemo" label-width="120px" form-type="details" disabled>
								<yu-xform-group :column='3'>
									<yu-xform-item label="审批节点名称" ctype="input" name="type" :value="node.nodeName"></yu-xform-item>
									<yu-xform-item label="办理人员名称" ctype="input" name="author" :value="node.userName"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aa7f;" :value="node.commentSign" v-if="node.commentSign == '同意'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff0000;" :value="node.commentSign" v-if="node.commentSign == '打回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff5500;" :value="node.commentSign" v-if="node.commentSign == '退回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ffaa00;" :value="node.commentSign" v-if="node.commentSign == '拿回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff0000;" :value="node.commentSign" v-if="node.commentSign == '催办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aaff;" :value="node.commentSign" v-if="node.commentSign == '协办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aaff;" :value="node.commentSign" v-if="node.commentSign == '转办'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aa7f;" :value="node.commentSign" v-if="node.commentSign == '跳转'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff5500;" :value="node.commentSign" v-if="node.commentSign == '否决'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #000000;" :value="node.commentSign" v-if="node.commentSign == '自动提交'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff5500;" :value="node.commentSign" v-if="node.commentSign == '撤回'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #55aa00;" :value="node.commentSign" v-if="node.commentSign == '发起'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #00aaff;" :value="node.commentSign" v-if="node.commentSign == '正常结束'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ffaa00;" :value="node.commentSign" v-if="node.commentSign == '抄送'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ffaa00;" :value="node.commentSign" v-if="node.commentSign == '委托'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #55aa00;" :value="node.commentSign" v-if="node.commentSign == '唤醒'"></yu-xform-item>
									<yu-xform-item label="审批结果" ctype="input" name="tel" style="color: #ff5500;" :value="node.commentSign" v-if="node.commentSign == '挂起'"></yu-xform-item>
									<yu-xform-item label="审批时间" name="time" :value="node.startTime"></yu-xform-item>
									<yu-xform-item label="办理人员" ctype="input" name="status" :value="node.userId"></yu-xform-item>
									<yu-xform-item label="审批节点编号" ctype="input" name="nodeID" :value="node.nodeId"></yu-xform-item>
									<yu-xform-item label="审批意见" colspan="24" name="content" ctype="textarea" :value="node.userComment"></yu-xform-item>
									<yu-xform-item label="扩展意见" colspan="24" name="extcontent" ctype="textarea" :value="node.ext"></yu-xform-item>
								</yu-xform-group>
							</yu-xform>
						</el-card>
					</el-collapse-item>
				</el-collapse>
			</el-tab-pane>
		</el-tabs>
	</yu-panel>
</div>